<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生成CSDN博客图片</title>

    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
</head>
<body>

<img src="demo.jpg" width="50%" style="margin:80px 25% 80px 25%;"/>

<form class="form-horizontal" role="form" method="get" action=csdn.php>
    <div class="form-group" >
        <label class="col-sm-4 control-label">CSDN名称</label>
        <div class="col-sm-5">
            <input type="text" name="name" class="form-control" placeholder="请输入CSDN名字">
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-4 control-label">访问人数</label>
        <div class="col-sm-5">
            <input type="text" name="people" class="form-control" placeholder="请输入访问人数">
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-4 control-label">排名</label>
        <div class="col-sm-5">
            <input type="text" name="ranking" class="form-control" placeholder="请输入排名">
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-4 control-label">积分</label>
        <div class="col-sm-5">
            <input type="text" name="integral" class="form-control" placeholder="请输入积分">
        </div>
    </div>

    <div class="form-group" >
        <div class="col-sm-offset-4 col-sm-5">
            <button type="submit" class="btn btn-info btn-block" >提交生成</button>
        </div>
    </div>

</form>

</body>
</html>